<template>
  <div>
    <div class="menu-title">
      <i class="fa fa-bars fa-fw text-primary"></i>
      快捷菜单
    </div>
    <div class="p-2 card">
      <div class="menu-item bg-light p-2" @click="libraryVisible = true">
        <i class="fa fa-folder-o fa-fw text-primary"></i>
        大数据项目库
      </div>
      <div class="menu-item bg-light p-2 mt-2" @click="letterVisible = true">
        <i class="fa fa-file-pdf-o fa-fw text-primary"></i>
        电子保函
      </div>
      <div class="menu-item bg-light p-2 mt-2" @click="noticeVisible = true">
        <i class="fa fa-file-pdf-o fa-fw text-primary"></i>
        放款通知
      </div>
      <div class="menu-item bg-light p-2 mt-2" @click="financeVisble = true">
        <i class="fa fa-file-text-o fa-fw text-primary"></i>
        信用查询
      </div>
      <div class="menu-item bg-light p-2 mt-2" @click="productVisble = true">
        <i class="fa fa-envira fa-fw text-primary"></i>
        产品白名单
      </div>

      <div class="menu-item bg-light p-2 mt-2" @click="riskWarningVisble = true">
        <i class="fa fa-shield fa-fw text-primary"></i>
        项目贷后预警管理
      </div>
    </div>

    <library-dialog :visible.sync="libraryVisible"></library-dialog>
    <task-letter :visible.sync="letterVisible" :self="true"></task-letter>
    <task-notice :visible.sync="noticeVisible" :self="true"></task-notice>
    <panel-search-dialog :visible.sync="searchVisible"></panel-search-dialog>
    <product-dialog :visible.sync="productVisble"></product-dialog>
    <finance-dialog :visible.sync="financeVisble"></finance-dialog>
    <risk-warning-dialog :visible.sync="riskWarningVisble" org-type="credit"></risk-warning-dialog>
  </div>
</template>

<script>
import LibraryDialog from '@/credit/views/city/bus/index/menu/LibraryDialog'
import TaskLetter from '@/credit/views/county/index/myTask/TaskLetter'
import TaskNotice from '@/credit/views/county/index/myTask/TaskNotice'
import PanelSearchDialog from '@/credit/views/city/index/PanelSearchDialog'
import ProductDialog from '@/credit/views/city/bus/index/menu/ProductDialog'
import FinanceDialog from '@/credit/views/county/finance/FinanceDialog.vue'
import RiskWarningDialog from '@/bigbank/views/index/RiskWarningDialog.vue'
export default {
  components: {
    LibraryDialog,
    TaskLetter,
    TaskNotice,
    PanelSearchDialog,
    ProductDialog,
    FinanceDialog,
    RiskWarningDialog,
  },
  data() {
    return {
      libraryVisible: false,
      letterVisible: false,
      noticeVisible: false,
      searchVisible: false,
      productVisble: false,
      financeVisble: false,
      riskWarningVisble: false,
    }
  },

  created() {},
  methods: {},
}
</script>
<style lang="scss" scoped>
.menu-title {
  margin-top: 1rem;
  margin-bottom: 1.35rem;
}

.menu-item {
  &:hover {
    cursor: pointer;
    color: $primary;
  }
}
</style>
